終於進到我們最後的部分，「checkout」
接下來我們會來看在這個專案中
結帳的流程是怎麼進行的
我們以們前幾天的課程為例
首先我們看到，如果課程為「0元」的情況
分別有「台幣 0 元」和「代幣 0 元」
當價格為代幣 0 元時
他顯示的是「立即購買」
當點擊後，會顯示一個 Modal
上面會顯示方案的名稱，和你所擁有的代幣數，以及這個方案總共需要花費多少代幣
點擊「使用」後，會轉到訂單處理頁
處理完畢之後，會顯示「購買的項目已開通」
這樣就完成購買
當價格為台幣 0 元時，則會顯示「立即參與」和加入購物車
點加入購物車時，右上角的購物車會更新數量和產品的變化
如果點擊的是加入購物車，則跳轉到結帳頁
填完相關得資訊，並點選「我同意」後，後面的程序和上方一樣
明天我們來看看這部分它是怎麼去實作的
iThome鐵人賽
看影片追技術